.series:after{
    content: "";
    display: block;
    clear: both;
}
.series li{
    float: left;
    width: 24%;
    position: relative;
    text-align: center;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    font-size: 0;
    margin-top: 10px;
}
.series li img{
    width: 100%;
}
.series li span{
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    font-size: 28px;
}
.series li span p{
    font-size: 12px;
}
.series1-select,.series2-select,.series3-select,.series4-select{
    margin-top: 0px !important;
}
.series5-select,.series6-select,.series7-select,.series8-select{
    margin-top: 20px !important;
}
.series1-color{
    top: 70%;
    bottom: 0;                       
    background: #cf5802;
}
.series1-color-select{
    top: 0;
    background:rgba(0,0,0,0.5);
}
.series1-word{
    top: 70%;
    bottom: 0;
}
.series1-word-select{
    top: 37%;
    color: #f89c10;
}
.series2{
    margin:0 1%;
}
.series2-color{
    top: 0;
    bottom: 70%;                       
    background: #65814c;
}
.series2-color-select{
    bottom: 0;
    background:rgba(0,0,0,0.5);
}
.series2-word{
    top: 0;
}
.series2-word-select{
    top: 37%;
    color: #f89c10;
}
.series3{
    margin:0 1% 0 0;
}
.series3-color{
    top: 70%;
    bottom: 0;                       
    background: #784c34;
}
.series3-color-select{
    top: 0;
    background:rgba(0,0,0,0.5);
}
.series3-word{
    top: 70%;
    bottom: 0;
}
.series3-word-select{
    top: 37%;
    color: #f89c10;
}
.series4-color{
    top: 0;
    bottom: 70%;                       
    background: #00cf7a;
}
.series4-color-select{
    bottom: 0;
    background:rgba(0,0,0,0.5);
}
.series4-word{
    top: 0;
}
.series4-word-select{
    top: 37%;
    color: #f89c10;
}
.series5-color{
    top: 70%;
    bottom: 0;                       
    background: #d4cd18;
}
.series5-color-select{
    top: 0;
    background:rgba(0,0,0,0.5);
}
.series5-word{
    top: 70%;
    bottom: 0;
}
.series5-word-select{
    top: 37%;
    color: #f89c10;
}
.series6{
    margin:0 1%;
}
.series6-color{
    top: 0;
    bottom: 70%;                       
    background: #e9bc4b;
}
.series6-color-select{
    bottom: 0;
    background:rgba(0,0,0,0.5);
}
.series6-word{
    top: 0;
}
.series6-word-select{
    top: 37%;
    color: #f89c10;
}
.series7{
    margin:0 1% 0 0;
}
.series7-color{
    top: 70%;
    bottom: 0;                       
    background: #ffb070;
}
.series7-color-select{
    top: 0;
    background:rgba(0,0,0,0.5);
}
.series7-word{
    top: 70%;
    bottom: 0;
}
.series7-word-select{
    top: 37%;
    color: #f89c10;
}
.series8-color{
    top: 0;
    bottom: 70%;                       
    background: #2d83ea;
}
.series8-color-select{
    bottom: 0;
    background:rgba(0,0,0,0.5);
}
.series8-word{
    top: 0;
}
.series8-word-select{
    top: 37%;
    color: #f89c10;
}